<template>
  <div>
    <h1>可选择的列表项</h1>
    <ul>
      <li v-for="(item, index) in items" :key="index">
        <label>
          <input type="checkbox" :value="item.id" v-model="selectedItems" />
          {{ item.name }}
        </label>
      </li>
    </ul>
    <p>已选择的项目ID: {{ selectedItems }}</p>
  </div>
</template>


<script>
export default {
  data() {
    return {
      // 列表项数据
      items: [
        { id: 1, name: '项目一' },
        { id: 2, name: '项目二' },
        { id: 3, name: '项目三' },
        // 可以添加更多项目
      ],
      // 存储已选择的项目ID
      selectedItems: []
    };
  }
};
</script>
